/**
 * ZHX CTC FORECAST SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.11.07
 * 
 */
.zhx-forecast-grid{
	@include use-flex;
	@include flex-column;
	overflow:hidden;
	font-size:.9em;
	width:100%;
	
	ul,li{
		list-style: none;
		padding:0;margin:0;
	}

	.zhx-forecast-grid-filter{
		height:10px;
		position:relative;
		background-color : lighten( $baseColor, 65% );
		overflow: hidden;

		&:before{
			position:absolute;
			color : lighten( $lightBaseColor, 1% );
			top:-3px;left:0;
			width:100%;height:10px;
			font-size:1.2em;
			@include use-flex;
			@include flex-align-center;
			z-index:0;
		}

		.zhx-forecast-filter-main{
			position:absolute;
			z-index:1;
			width:100%;height:100%;
			top:10px;left:0;
			background-color : darken( $lightBaseColor, 2% );
			box-shadow: 0 -10px 10px darken( $lightBaseColor, 40% ) inset;
		}

	}

	.zhx-forecast-grid-wrapper{
		flex:1;
		overflow: hidden;
		@include use-flex;
		@include flex-column;

		.zhx-forecast-body-wrapper{
			overflow:auto;
			height:100%;
		}

		.zhx-forecast-header,.zhx-forecast-body{
			ul{
				height:100%;
				@include use-flex;

				li{
					height:100%;
					@include use-flex;
					@include flex-align-center;
					flex:1;
					cursor: default;
					border-bottom: 1px solid $lightBaseColor;
				}

			}
		}

		.zhx-forecast-header{
			height:35px;
			position:relative;
			background-color: darken( $lightBaseColor, 1% );
			font-weight:600;
		}

		.zhx-forecast-body{
			flex:1;
			height:100%;
			overflow-y:auto;
			background-color: lighten( $lightBaseColor, 5% );

			ul {
				height:35px;
			}
		}

	}

}